<template>
  <div class="float-left">
    <left-operate></left-operate>
  </div>
  <div class="float-right">
    333
  </div>
  <div class="align-center">
    <center-view></center-view>
  </div>
</template>
<script>
import { defineComponent, ref, reactive, toRefs, toRaw } from 'vue';
import LeftOperate from './LeftOperate/index';
import CenterView from './CenterView/index';
const staticData = {
}
export default defineComponent({
name: 'DragFrom',
components: {
  LeftOperate,
  CenterView
},
setup() {
  const data = reactive({

  })
  const mothods = {

  }
  return {
    ...toRefs(data),
    ...staticData,
    ...mothods
  }
}
})
</script>
<style lang="less" scoped>
.h100Vh{
  height: 100vh;
}
.float-left{
  width:240px;
  float: left;
  .h100Vh();
}
.align-center{
  overflow: hidden;
  border-left: 2px dotted #EBEEF5;
  border-right: 2px dotted #EBEEF5;
  .h100Vh();
}
.float-right{
  width:240px;
  float:right;
  .h100Vh();
}
</style>